﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no">
    <title>通知公告</title>
    <!-- 基础css begin -->
    <link type="text/css" rel="stylesheet" href="/static/pkg/core.css">
    <!-- 基础css end -->
    <!-- 公用css begin -->
    <link type="text/css" rel="stylesheet" href="/static/pkg/combine.css?ver=20150629">
    <!-- 公用css end -->
    <style type="text/css">
        .thread-list li:first-child {
            border-top: 1px solid rgba(255,255,255,0.3);
        }
    </style>
</head>
<body id="list">
    <img id="background-image" class="background-full" src="/static/benzbbs/images/bg-smart.jpg" />
    <div id="wrapper">
        <div id="content">
            <section class="text-align-center">
                <img class="smart-logo" src="/static/benzbbs/images/logo-smart.png" alt="" />
            </section>
            <section>
                <h2 class="text-align-center strong">通知公告</h2>
            </section>
            <section>
                <ul class="thread-list"></ul>
                <button id="btnMoreThread" type="button" class="button width-full margin-top-20" style="display: none;">更多</button>
            </section>
        </div>
    </div>
    <!-- 组件依赖js begin -->
    <script src="/static/global/gmu/dist/zepto.js"></script>
    <script src="/static/global/gmu/src/extend/selector.js"></script>
    <script src="/static/global/gmu/src/extend/compatibleIE9.js"></script>
    <!-- 组件依赖js end -->
    <!-- 公用js begin -->
    <script src="/static/benzbbs/js/script.js?v=20150710"></script>
    <!-- 公用js begin -->
    <script type="text/javascript">
        var params = utility.getQueryString();
        var pageIndex = 1;
        //var PageKey = "AnnounceList";

        Zepto(function ($) {

            BindList({ firstTime: true, record: true });

            $("#btnMoreThread").click(function () {
                BindList();
            });

            function BindList(options) {
                var defaults = {
                    detail: "/bbs/benz/announce?id=",
                    getListItem: function (objArticleResultInfo) {
                        return '<li data-id="' + objArticleResultInfo.ArticleInfo.ArticleId + '" data-bind="0">' +
                                    '<div class="margin-bottom-20">' + objArticleResultInfo.ArticleInfo.ArticleTitle + '</div>' +
                                    '<div class="cfix">' +
                                        '<div class="font-size-14 float-left">' + JsonToDate(objArticleResultInfo.ArticleInfo.ApproveDate, false) + '</div>' +
                                        '<div class="action-counts">' +
                                            '<a href="javascript:;">阅读全文&gt;&gt;</a>' +
                                        '</div>' +
                                    '</div>' +
                                '</li>'
                    }
                }
                options = $.extend(defaults, options);
                BindArticles("/bbs/benz/getannouncelistbybenz?pageIndex=" + pageIndex, options);
            }
        })
    </script>
</body>
</html>